<!---- SUI模板 on ${DATE} -->
<script ng-init="initCss('personal-profile-edit-page/css/personal-profile-edit.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/personal-profile"></a>
    <h1 class="title">我的资料</h1>
    <div class="pull-right edit-ending" style="z-index: 1!important;position: relative" ng-click="editInfo()">完成</div>
</header>
<div class="content" ng-init="getInfo()">
    <div class="list-block">
        <ul>
            <!--alter-avatar -->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label avatar-img">
                            <img ng-if="!userInfo.avatarImg.imgAddress" src="page/personal-profile-edit-page/images/avatar.png">
                            <img ng-if="userInfo.avatarImg.imgAddress" ng-src="{{userInfo.avatarImg.imgAddress}}">
                        </div>
                        <div class="item-input alter-avatar-div" style="text-align: center">
                            <input type="file" class="alter-avatar">
                            <input type="file" accept="image/jpg,image/jpeg,image/png" file-model="images"
                                   onchange="angular.element(this).scope().img_upload(this.files)" class="alter-avatar" style="opacity: 0;width: 50%">
                            <div style="width:3.2rem;margin-top: -1.2rem">修改头像</div>
                        </div>
                        <span class="icon icon-right" style="position: relative;z-index: 15"></span>
                    </div>
                </div>
            </li>
            <!--alter-avatar-end -->
            <!--alter-nickname-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">昵称</div>
                        <div class="item-input">
                            <input type="text" ng-model="userInfo.userNickName" class="nickname">
                        </div>
                    </div>
                </div>
            </li>
            <!-- alter-nickname-end-->
            <!--ssex-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">性别</div>
                        <div class="item-input ssex">
                            <select selected="selected" ng-model="userInfo.userSexWord"
                                    ng-options="x for x in ['男','女']">男</select>
                        </div>
                    </div>
                </div>
            </li>
            <!--ssex-end-->
            <!-- birthday-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">生日</div>
                        <div class="item-input">
                            <input type="date" ng-model="userInfo.birthday" placeholder="Birth day" value="2014-04-30"
                                   class="birthday">
                        </div>
                    </div>
                </div>
            </li>
            <!-- birthday-end-->
            <!--phone-->
            <li ng-show="userInfo.userTelphone">
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label ">手机</div>
                        <div class="item-input">
                            <span type="tel" ng-model="userInfo.userTelphone" value="18302828616" readonly
                                  class="tell-phone" style="color:#ccc">
                                 {{userInfo.userTelphone}}
                            </span>
                        </div>
                    </div>
                </div>
            </li>
            <li ng-show="userInfo.userEmail">
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label ">邮箱</div>
                        <div class="item-input">
                            <span type="tel" ng-model="userInfo.userEmail" value="" readonly class="tell-phone"
                                  style="color:#ccc">
                                 {{userInfo.userEmail}}
                            </span>
                        </div>
                    </div>
                </div>
            </li>
            <!--phone-end-->

            <!-- personal-introduce-->
            <li class="personal-introduce-bg">
                <div class="item-content ">
                    <div class="item-inner">
                        <div class=" personal-introduce">个人介绍</div>
                    </div>
                </div>
                <div class="item-content">
                    <div class="item-inner">
                        <textarea ng-model="userInfo.userDetail"></textarea>
                    </div>
                </div>
            </li>
            <!-- personal-introduce-introduce-->
        </ul>
    </div>
</div>

<div ng-init="suiMobileInit()"></div>